<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script>
    // var a;
    // console.log(typeof(a));
    // // a=-12;
    // console.log(typeof(a));
    // console.log(Boolean(a));
    // int a=1;
    // Integer b =new Integer(a)
    // float e = 1.2;
    // Float

    // void test(int c, Integer d){

    // }

    // console.log("\"hello world\"");
    // var a="     123.456.789";
    // console.log(Number(a));
    // console.log(parseInt(a));
    // console.log(parseFloat(a));
    // a+=1;
    // a=a+1;

    // var a = 10;      //输出   a
    // console.log(a++);//10    11
    // console.log(++a);//12    12
    // console.log(a--);//12    11
    // console.log(--a);//10    10

    // var a = 10;      //输出   a
    // console.log(a--);//
    // console.log(++a);//   
    // console.log(--a);//
    // console.log(a++);//

    // console.log(12<<3);
    //12 00001100
         01100000
    //10 00001010
    //   00000110
    // var a=12,b=10;
    // console.log(a>b?a:b);
    // if(a>b){
    //   a
    // }else{
    //   b
    // }
    window.onload = function(){
      var a = document.getElementsByTagName("input");
      //事件处理
      a[3].onclick = function () {
        a[2].value = Number(a[0].value) + Number(a[1].value);
      }

      // document.getElementsByClassName("bg");
      // console.log(a.length)
      // alert(a[0].type);
      // a[0].value = "123";
      // a[1].value = "456";
      // a[2].value = Number(a[0].value) + Number(a[1].value);
      
    }
  </script>
</head>
<body>
  <input type="text" class="bg" name="">+
  <input type="text" class="bg">=
  <input type="text" class="bg">
  <input type="button" value="计算">
  <!-- dom  Document object model -->
  <!-- dom 会把网页中的元素分为3大类：
  1. 标签元素
  2. 属性元素
  3. 文本元素 -->
</body>
</html>